@charset "utf-8";
@media screen and (max-width: 1200px){
    
}


@media screen and (max-width: 1199px){
    .menubar ul li a{padding:18px 38px;}
    .banner{height: 545px;}
    
    .h-title h4:before{left: 24%;}
    .h-title h4:after{right: 24%;}
    
    .h-about-bg .h-about-text{margin: 8px 0;}
    
    .h-news-box .h-news-list li{margin-bottom: 20px;padding-bottom: 20px;}
    
    .left-menu-box{width: 30%;}
    .right-content-box{width:67%;}

}

@media screen and (max-width: 991px){
    .menubar ul li a{padding:18px 20px;}
    .banner{height: 410px;}
    
    .h-title h4:before,.h-title h4:after{width: 14%;}
    .h-title h4:before{left: 22%;}
    .h-title h4:after{right: 22%;}
    
    .brand-logo .owl-theme .owl-prev,
    .brand-logo .owl-theme .owl-next {width: 10%;}
    
    .h-about-bg{margin-top: 0;}
    .h-about-bg .h-about-img{top:0;}
    .h-about-bg .h-about-img img{float: none !important;margin: 0 auto;}
    .h-about-bg .h-about-text{margin: 30px 0;}
    
    .h-news-box img{margin: 0 auto;}
    .h-news-box .h-news-list{margin-top: 30px;}
    
    .h-contact-box .col-md-4{min-height: 230px;display: flow-root;}
    
    .message-box span{margin-bottom: 10px;text-align: left;float: left;width: 10%;}
    .message-box input, .message-box textarea{width: 90%;}
    .submit span{width: 10%;}
    
    .news-list-box .top .text{width: 74.006%}
    
    .sub-banner{height: 220px;}
    
    .product-show-box .text-box{margin-top: 20px;}
}

@media screen and (max-width: 768px){
    .toptips{display: block;}
    header .menu{display: inline-block;*zoom: 1;*display: inline;}
    .menubar{display: none;}
    .logobar .pull-left{position: absolute;top: 8px;}
    .logobar{margin: 12px 0}
    .searchbox{width: 100%;}
    .searchbox .ipt_gjc{width: 100%;padding: 8px 66px 8px 0;}
    
    .banner{height: 410px;}
    
    .brand-logo .owl-theme .owl-nav [class*="owl-"] {margin: 0 6px 0 0;}
    .brand-logo .owl-theme span span {left: -14px;}
    .brand-logo .owl-theme span.owl-next span {right: -14px;}
    
    .h-about-bg{height: auto;}
    .h-about-bg .h-about-img{display: none;}
    .h-about-img-p{display: block;margin-top: 30px;}
    .h-about-img-p img{margin: 0 auto;}
    
    .h-contact-c{border-right: none;}
    
    .message-box span{margin-bottom: 10px;text-align: left;float: left;width: 100%;}
    .submit button{margin-right: 10px;text-align: left;float: left;}
    .message-box input, .message-box textarea{width: 100%;}
    .submit span{display: none;}
    
    .left-menu-box{display: none;}
    .scienbar-t{display:block;}
    .right-content-box{width: 100%;}
    
    .product-show-box .thumb-box{width: 50%;float: left;}
    .product-show-box .text-box{width: 50%;float: right;margin-top: 0;}
}

@media screen and (max-width: 740px){
    .banner{height: 386px;}
    
    .h-title h4:before,.h-title h4:after{width: 14%;}
    
    .h-news-box .h-news-list .num{font-size: 70px;}
    
    .sub-banner{height: 155px;}
}

@media screen and (max-width: 640px){
    .banner{height: 306px;}
    
    .h-title h4{font-size: 32px;}
    .h-title h4:before,.h-title h4:after{bottom: 15px;}
    .h-title p{font-size: 16px;}
    
    .brand-logo .owl-theme .owl-nav [class*="owl-"]{opacity: 1;}
    
    .h-title{margin:30px 0;}
    
    .h-news-box .h-news-list .num{font-size: 50px;}
    
    .sub-banner{height: 135px;}
    
    .product-show-box .thumb-box{width: 100%;}
    .product-show-box .text-box{width: 100%;margin-top: 20px;}
}

@media screen and (max-width: 540px){
    .h-title h4:before,.h-title h4:after{width: 14%; bottom: 15px;}
    .h-title h4:before{left: 19%;}
    .h-title h4:after{right: 19%;}
}

@media screen and (max-width: 480px){
    .logobar .pull-left img{ height: 25px;}
    .banner{height: 240px;}
    
    .h-title h4{font-size: 30px;font-weight: normal;}
    .h-title h4:before,.h-title h4:after{width:18%;bottom: 15px;}
    .h-title h4:before{left: 14%;}
    .h-title h4:after{right: 14%;}
    
    .h-news-box .h-news-list .num{display: none;}
    
    .companybox .col-xs-6 p{text-align: left;}
    .h-contact-box .col-md-4{min-height: 210px;}
    
    .news-list-box .top .text{width: 73.556%}
}

@media (max-width: 320px){
    .logobar .pull-left{top: 14px;}
    .logobar .pull-left img {height: 23px;}
    
    .banner{height: 200px;}
    
    .h-title h4{font-size: 28px;}
    .h-title h4:before,.h-title h4:after{width:14%;bottom: 15px;}
    .h-title h4:before{left: 12%;}
    .h-title h4:after{right: 12%;}
    
    .companybox .col-xs-6 p{text-align: left;}
    .companybox .col-xs-6 p span{display: block;}
    .h-contact-box .col-md-4{min-height: 250px;}
    
    .news-list-box .top .thumb,.news-list-box .top .text{width: 100%;}
    .news-list-box .top .text{margin-top: 20px;}
}